<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>margin</title>
    <style type="text/css">
     #div2{
         height:100px;
         width: 100px;
         border: 1px solid red;
         /*margin: 10px 20px 30px 40px;    */
         /*顺序是上右下左，没有设值得与对立面相同*/
         /*不推荐使用*/
         /*margin-top: 12px;*/
         /*margin-left: 20px;*/
         /*margin-bottom: 30px;*/
         /*margin-right: 15px;*/
         margin: auto;/*左右居中*/
     }
    </style>
</head>
<body>
<div id="div2">
    我是盒子

</div>
</body>
</html>